<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <style type="text/css">
        .layui-form-label {
            width: 150px;
        }

        .layui-input-block {
            margin-left: 150px;
        }

        .layui-input, .layui-select, .layui-textarea {
            border-color: #EEE;
            border-radius: 5px;
            color: var(--color)
        }

        .mulselect_box .layui-unselect {
            width: 150px;
            display: inline-block;
        }
    </style>
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 单身资料
            </div>
        </div>
    </div>
    <!-- e: 导航 -->

    <div class="section page-content">
        <div class="layui-main clearfix">

            <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item layui-this">
                        <a href="/center/single/info">
                            基本资料
                        </a>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="/center/single/mate">
                            择偶标准
                        </a>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="/center/single/photo">
                            头像
                        </a>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="/center/single/show">
                            个性展示
                        </a>
                    </li>
                </ul>
                <div class="main-content">


                    <form class="layui-form" action="/m/ajax/center/single/pc_modify" bottlecms-form-ajax=""
                          refresh="refresh" method="post" onsubmit="return changeData()">
                        <div class="layui-form-item">
                            <label class="layui-form-label">昵称</label>
                            <div class="layui-input-inline">
                                <input bottlecms-input type="text" name="nickname" th:value="${singles.nickname}"
                                       class="layui-input" placeholder="请输入昵称"/>
                            </div>
                            <div class="layui-form-mid layui-word-aux">3-16个字符</div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-inline">
                                <label class="radio-inline c-radio">
                                    <input bottlecms-radio type="radio" name="gender" value="1"
                                           th:checked="${singles.gender eq 1}" title="男士"></label>
                                <label class="radio-inline c-radio">
                                    <input bottlecms-radio type="radio" name="gender" value="2"
                                           th:checked="${singles.gender eq 2}" title="女士"></label>
                                <input type="hidden" name="genderCn" id="genderCn">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">出生日期</label>
                            <div class="layui-input-inline">
                                <input bottlecms-input type="text" name="birthday"
                                       th:value="${#dates.format(singles.birthday, 'yyyy-MM-dd')}"
                                       class="layui-input" placeholder="出生日期" autocomplete="off" id="date"/>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">所在地区</label>
                            <div class="layui-input-block mulselect_box">
                                <input type="hidden" name="district" id="district">
                                <input type="hidden" name="districtCn" id="districtCn">
                                <select bottlecms-mulselect="categoryDistricts" seluuid="600a7cee84ecb" selindex="0"
                                        name="district_1">
                                    <option value="">请选择</option>
                                    <option th:each="item:${listProvince}" th:value="${item.id}"
                                            th:selected="${item.id eq distrcitProvinceId}"
                                            th:text="${item.name}"></option>
                                </select>
                                <select bottlecms-mulselect="categoryDistricts" seluuid="600a7cee84ecb" selindex="1"
                                        name="district_2">
                                    <option value="">请选择</option>
                                    <option th:each="item:${distrcitListCity}" th:value="${item.id}"
                                            th:selected="${item.id eq distrcitCityId}"
                                            th:text="${item.name}"></option>
                                </select>
                                <select bottlecms-mulselect="categoryDistricts" seluuid="600a7cee84ecb" selindex="2"
                                        name="district_3">
                                    <option value="">请选择</option>
                                    <option th:each="item:${distrcitListArea}" th:value="${item.id}"
                                            th:selected="${item.id eq distrcitAreaId}"
                                            th:text="${item.name}"></option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">身高</label>
                            <div class="layui-input-inline">
                                <input type="hidden" th:value="${singles.height}" name="height" id="height">
                                <select bottlecms-select name="heightCn">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseHeight}" th:value="${item}"
                                            th:text="${item}+'cm'" th:selected="${item eq singles.height}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">收入</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="incomeCn" name="incomeCn">
                                <select bottlecms-select name="income">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseIncome}" th:value="${item.id}"
                                            th:text="${item.name}" th:selected="${item.id eq singles.income}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">学历</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="educationCn" name="educationCn">
                                <select bottlecms-select name="education">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseEducation}"
                                            th:value="${item.id}" th:text="${item.name}" th:selected="${item.id eq singles.education}">
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">婚姻状态</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="marriageCn" name="marriageCn">
                                <select bottlecms-select name="marriage">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseMarriage}" th:value="${item.id}"
                                            th:text="${item.name}" th:selected="${item.id eq singles.marriage}">
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">孩子</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="childrenCn" name="childrenName">
                                <select bottlecms-select name="children">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseChildren}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${item.id eq singles.children}">
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">星座</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="constellationCn" name="constellationCn">
                                <select bottlecms-select name="constellation">
                                    <option value="">请选择</option>
                                    <option value="1" th:selected="${singles.constellation eq 1}">水瓶座</option>
                                    <option value="2" th:selected="${singles.constellation eq 2}">双鱼座</option>
                                    <option value="3" th:selected="${singles.constellation eq 3}">白羊座</option>
                                    <option value="4" th:selected="${singles.constellation eq 4}">金牛座</option>
                                    <option value="5" th:selected="${singles.constellation eq 5}">双子座</option>
                                    <option value="6" th:selected="${singles.constellation eq 6}">巨蟹座</option>
                                    <option value="7" th:selected="${singles.constellation eq 7}">狮子座</option>
                                    <option value="8" th:selected="${singles.constellation eq 8}">处女座</option>
                                    <option value="9" th:selected="${singles.constellation eq 9}">天秤座</option>
                                    <option value="10" th:selected="${singles.constellation eq 10}">天蝎座</option>
                                    <option value="11" th:selected="${singles.constellation eq 11}">射手座</option>
                                    <option value="12" th:selected="${singles.constellation eq 12}">摩羯座</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">生肖</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="zodiacCn" name="zodiacCn">
                                <select bottlecms-select name="zodiac">
                                    <option value="">请选择</option>
                                    <option value="1" th:selected="${singles.zodiac eq 1}">鼠</option>
                                    <option value="2" th:selected="${singles.zodiac eq 2}">牛</option>
                                    <option value="3" th:selected="${singles.zodiac eq 3}">虎</option>
                                    <option value="4" th:selected="${singles.zodiac eq 4}">兔</option>
                                    <option value="5" th:selected="${singles.zodiac eq 5}">龙</option>
                                    <option value="6" th:selected="${singles.zodiac eq 6}">蛇</option>
                                    <option value="7" th:selected="${singles.zodiac eq 7}">马</option>
                                    <option value="8" th:selected="${singles.zodiac eq 8}">羊</option>
                                    <option value="9" th:selected="${singles.zodiac eq 9}">猴</option>
                                    <option value="10" th:selected="${singles.zodiac eq 10}">鸡</option>
                                    <option value="11" th:selected="${singles.zodiac eq 11}">狗</option>
                                    <option value="12" th:selected="${singles.zodiac eq 12}">猪</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">血型</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="bloodCn" name="bloodCn">
                                <select bottlecms-select name="blood">
                                    <option value="">请选择</option>
                                    <option value="1" th:selected="${singles.blood eq 1}">O型</option>
                                    <option value="2" th:selected="${singles.blood eq 2}">A型</option>
                                    <option value="3" th:selected="${singles.blood eq 3}">B型</option>
                                    <option value="4" th:selected="${singles.blood eq 4}">AB型</option>
                                    <option value="5" th:selected="${singles.blood eq 5}">稀有型</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">体重</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="weight" name="weight">
                                <select bottlecms-select name="weightCn">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseWeight}" th:value="${item}" th:text="${item}+'kg'"
                                            th:selected="${singles.weight eq item}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">结婚计划</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="marryCn" name="marryCn">
                                <select bottlecms-select name="marry">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseMarry}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.marry eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">民族</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="nationalityCn" name="nationalityCn">
                                <select bottlecms-select name="nationality">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseNationality}" th:value="${item.id}"
                                            th:text="${item.name}"
                                            th:selected="${singles.nationality eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">性格</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="dispositionCn" name="dispositionCn">
                                <select bottlecms-select name="disposition">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseDisposition}" th:value="${item.id}"
                                            th:text="${item.name}"
                                            th:selected="${singles.disposition eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">购房情况</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="houseCn" name="houseCn">
                                <select bottlecms-select name="house">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseHouse}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.house eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">购车情况</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="carCn" name="carCn">
                                <select bottlecms-select name="car">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseCar}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.car eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">从事行业</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="industryCn" name="industryCn">
                                <select bottlecms-select name="industry">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseIndustry}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.industry eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">从事职业</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="professionCn" name="professionCn">
                                <select bottlecms-select name="profession">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseProfession}" th:value="${item.id}"
                                            th:text="${item.name}"
                                            th:selected="${singles.profession eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">学校</label>
                            <div class="layui-input-block">
                                <input bottlecms-input type="text" name="school" th:value="${singles.school}"
                                       class="layui-input" placeholder="请输入学校"/>
                            </div>
                        </div>


                        <div class="layui-form-item">
                            <label class="layui-form-label">籍贯</label>
                            <input type="hidden" id="nativePlace" name="nativePlace">
                            <input type="hidden" id="nativePlaceCn" name="nativePlaceCn">
                            <div class="layui-input-block mulselect_box">
                                <select bottlecms-mulselect="categoryDistricts" seluuid="600a7cee87a49" selindex="0"
                                        name="native_place_1">
                                    <option value="">请选择</option>
                                    <option th:each="item:${listProvince}" th:value="${item.id}"
                                            th:selected="${item.id eq distrcitProvinceId}"
                                            th:text="${item.name}"></option>
                                </select>

                                <select bottlecms-mulselect="categoryDistricts" seluuid="600a7cee87a49" selindex="1"
                                        name="native_place_2">
                                    <option value="">请选择</option>
                                    <option th:each="item:${nativeplaceListCity}" th:value="${item.id}"
                                            th:selected="${item.id eq nativeplaceCityId}"
                                            th:text="${item.name}"></option>
                                </select>

                                <select bottlecms-mulselect="categoryDistricts" seluuid="600a7cee87a49" selindex="2"
                                        name="native_place_3">
                                    <option value="">请选择</option>
                                    <option th:each="item:${nativeplaceListArea}" th:value="${item.id}"
                                            th:selected="${item.id eq nativeplaceAreaId}"
                                            th:text="${item.name}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">家庭背景</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="familyBackgCn" name="familyBackgCn">
                                <select bottlecms-select name="familyBackg" id="familyBackg">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseFamilybackg}" th:value="${item.id}"
                                            th:text="${item.name}"
                                            th:selected="${singles.familyBackg eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">喝酒</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="drinkCn" name="drinkCn">
                                <select bottlecms-select name="drink">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseDrink}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.drink eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">吸烟</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="smokingCn" name="smokingCn">
                                <select bottlecms-select name="smoking">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseSmoking}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.smoking eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">健身习惯</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="workOutCn" name="workOutCn">
                                <select bottlecms-select name="workOut">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseWorkout}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.workOut eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">作息习惯</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="workRestCn" name="workRestCn">
                                <select bottlecms-select name="workRest">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseWorkrest}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.workRest eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">宠物</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="petCn" name="petCn">
                                <select bottlecms-select name="pet">
                                    <option value="">请选择</option>
                                    <option th:each="item:${basePet}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.pet eq item.id}"></option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">宗教信仰</label>
                            <div class="layui-input-inline">
                                <input type="hidden" id="religiousCn" name="religiousCn">
                                <select bottlecms-select name="religious">
                                    <option value="">请选择</option>
                                    <option th:each="item:${baseReligious}" th:value="${item.id}" th:text="${item.name}"
                                            th:selected="${singles.religious eq item.id}"></option>
                                </select>
                            </div>
                        </div>


                        <div class="layui-form-item">
                            <label class="layui-form-label">工作单位</label>
                            <div class="layui-input-block">
                                <input bottlecms-input type="text" name="company" th:value="${singles.company}"
                                       class="layui-input" placeholder="请输入所在单位名称"/>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">兴趣爱好</label>
                            <div class="layui-input-block">
                                <input type="hidden" id="hobby" name="hobby">
                                <input type="hidden" id="hobbyCn" name="hobbyCn">
                                <input th:each="item:${baseHobby}" bottlecms-checkbox
                                       type="checkbox" name="hobbyName"
                                       th:value="${item.id}"
                                       lay-skin="primary"
                                       th:title="${item.name}"
                                       th:checked="${#strings.contains(singles.hobby,item.id)}">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">内心独白</label>
                            <div class="layui-input-block">
                                <textarea bottlecms-textarea name="soliloquy" placeholder="请填写内心独白 5～250字"
                                          class="layui-textarea" th:text="${singles.soliloquy}"></textarea>
                            </div>
                        </div>


                        <div class="layui-form-item" style="margin-top: 50px;">
                            <div class="layui-input-block">
                                <button class="layui-btn layui-btn-default layui-btn-radius layui-btn-lg " lay-submit>
                                    确认提交
                                </button>
                            </div>
                        </div>
                    </form>

                </div>

            </div>


        </div>
    </div>

</div>
<div layout:fragment="contentFooter">
    <script type="text/javascript" src="/pc/js/center/single/info.js"></script>

</div>
</html>